<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的套餐</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="wap-font-scale" content="no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="format-detection" content="telephone=no,email=no,address=no,date=no" />
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/public.css">
    <link rel="stylesheet" href="../../common/css/pages.css">
    <style>
        [v-cloak]{ display: none }
    </style>
    <script>
        /*---我的设备---*/
        window.onload=function(){
            if(baseAll.isMobileDevice()=='ios'){
                packDiviceLoad.iosLoad();
            }
            baseAll.deviceReturn();
        }
    </script>
</head>
<body>
    <div class="top_fixed">
        <!--头部返回与标题-->
        <header id="top_back" class="txt_center">
            <a  href="javascript:;" class="back_btn"></a>
            <h3 class="tableBox">我的套餐</h3>
        </header>
    </div>
    <div style="height:1.6rem"></div>
    <!-- section 主体 -->
    <div id="dataModePage">
        <!-- 无套餐 -->
        <section class="none_policy txt_center"  v-cloak  v-if="policyCar==null">
            <div class="pic"><img src="../../common/image/no-policy.png" alt="" class="eq_resize"></div>
            <p>没有查到套餐信息！</p>
        </section>
        <div class="myRFID" v-cloak   v-show="policyCar!=null&&policyCar.mainTag!=''">
            <!-- RFID -->
            <section class="policy" id="rf_id">
                <ul>
                    <li class="flex">
                        <p>RFID标签</p>
                        <span>套餐权限-终生</span>
                    </li>   
                </ul>
            </section>
            <section class="rf_panel"></section>
            <section class="txt_center">
                 <p class="battery">标签电池耗尽后请尽快去当地公安局换取新的设备</p>
            </section>
        </div>
        <!-- 保单信息 -->
        <section class="policy" id="policy" v-cloak   v-show="policyCar!=null&&policyCar.gprsImei!=''">
            <ul>
                <li>
                    <p>GPS套餐</p>
                    <span>{{policyCar.packageLife}}年套餐服务</span>
                </li>
                <li>
                     <p>运营商</p>
                     <span v-if="policyCar.carrierOperator==1">电信</span>
                     <span v-if="policyCar.carrierOperator==2">移动</span>
                     <span v-if="policyCar.carrierOperator==3">联通</span>
                </li>
                <li>
                    <p>车辆类型</p>
                    <span v-if="policyCar.carType==1">电瓶车</span>
                    <span v-if="policyCar.carType==2">摩托车</span>
                </li>
                 <li>
                    <p>车牌号</p>
                    <span>{{policyCar.plateNo}}</span>
                </li>
                 <li>
                    <p>标签号</p>
                    <span>{{policyCar.gprsImei}}</span>
                </li>
                <li>
                    <p>SIM卡号</p>
                    <span>{{policyPeople.account}}</span>
                </li>
            </ul>
            <!-- 套餐使用情况 -->
            <h3 class="package_state">套餐使用情况</h3>
            <ul>
                <li>
                    <p>激活时间</p>
                    <span>{{dateToString(policyCar.applayTime)}}</span>
                <li>
                     <p>套餐使用流量</p>
                     <span>30M/月</span>
                </li>
                 <li>
                    <p>截止时间</p>
                    <span>{{dateToString(policyCar.isuranceEndTime)}}</span>
                </li>
                 <li>
                    <p>状态</p>
                    <span v-if="policyCar.state==0">使用中</span>
                    <span v-if="policyCar.state==1">已丢失</span>
                    <span v-if="policyCar.state==2">已超期</span>
                    <span v-if="policyCar.state==99">已删除</span>
                </li>
            </ul>
            <div class="txt_center">
                <p class="change_package">该版本暂时无法更换物联网流量卡套餐</p>
            </div>
             <div class="gap_left_right txt_center">
                 <button type="button" id="policy_wal" class="block sub_btn" @click="greeting()">立即充值续期</button>
                 <a href="javascript:;" class="txt_block" id="wal_record">充值记录</a>
             </div>
        </section>
    </div>
</body>
</html>
<script src="../../common/script/phoneSize.js"></script>
<script src="../../common/script/jquery-1.11.2.js"></script>
<script src="../../common/script/public.js"></script>
<script src="../public/westv.js"></script>
<script src="../public/vue.js"></script>
<script src="../public/baseAll.js"></script>
<script src="../model/setpack/packmeal.js"></script>
<script>
    /*Android  数据获取 我的设备*/
    if(baseAll.isMobileDevice()=='android'){
        packDiviceLoad.andoridLoad();
    }
</script>
